<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>class选择器</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>
    <style>
        .class01{
            color: blue;
            font-size: 30px;
            border: 1px solid yellow;
        }

        .class02{
            color: #333333;
            font-size: 26px;
            border: 1px red solid;
        }
    </style>
</head>
<body>
<p id="text_show">
    需求1：修改class属性值为class01的span或者div标签,字体颜色为蓝色,字体大小为30个像素,边框为1像素的黄色实线<br/>
    需求2：修改class属性值为class02的div标签,字体颜色为灰色,字体的大小为26个像素,边框为1像素红色实线
</p>
<div class="class01">div标签class01</div>
<div class="class02">div标签</div>
<span class="class01">span标签class01</span>
<span class="class02">span标签class02</span>
<div class="look_source_code" onclick="getPageContent()">查看源码</div>
</body>
</html>